<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<jsp:include page="../common/header.jsp"></jsp:include>
  <header class="navbar navbar-static-top" id="top" role="banner">
  <div class="container">
    <div class="navbar-header" style="text-align: center;">
      <a href="/" class="navbar-brand">小木学堂直播分享课第一季第003期案例实现 滑出层组件+tab组件+loadPortal</a>
    </div>
     
  </div>
</header>
<div id="main" class="container"  style="font-size:18px;">
 <div class="row">
 <div class="col-lg-6">
  <h3>滑出层组件+loadPortal</h3>
  <button id="btn1" class="btn btn-primary">右侧滑出层</button>
  <button id="btn2" class="btn btn-success">右侧滑出层+ajax加载页面</button>
 </div>
 <div class="col-lg-6">
 	 <h3>tab组件</h3>
  		<button id="btn3" class="btn btn-primary">静态</button>
  		<button id="btn4" class="btn btn-success">动态</button>
 </div>
 </div>
</div>

<script type="text/javascript">
$("#btn1").click(function(){
	LayerUtil.open({
		url:"layer/portal"
	});
})
$("#btn2").click(function(){
	
})
$("#btn3").click(function(){
	
})
$("#btn4").click(function(){
	
})
</script>

<jsp:include page="../common/footer.jsp"></jsp:include>
